﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ShouYe/too.master" AutoEventWireup="true" CodeBehind="SYgame1.aspx.cs" Inherits="Player.ShouYe.SYwe1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <style>
        
        * {
        margin:0px;
        padding:0px;
        }
        .big_item {
        width:100%;
        height:auto;
        background-image:url(../Player图片/背景图/首页背景图/19.jpg);
        background-repeat:no-repeat;
        background-size:100% 100%;
        position:relative;
        }
        #Max {
        width:75%;
        height:1000px;
        margin-left:110px;
        position:relative;
        }
        #top {
        width:100%;
        height:60px;
        position:relative;
        }
            #top .fclogo {
            width:90px;
            height:60px;
            }
            #top span {
            display:block;
            position:absolute;
            font-size:10px;
            top:20px;
            left:100px;
            }
            #top .d_item {
            width:80px;
            height:60px;
            position:absolute;
            right:0px;
            bottom:0px;
            }
        .d_item img {
        width:80px;
        height:60px;
        }
            /*轮播图模块*/
        #middr {
        width:660px;
        height:270px;
        margin-left:00px;
        margin-top:20px;
        background-color:orange;
        overflow:hidden;
        position:relative;
        }
            #middr img {
            width:660px;
            height:270px;
            }
            #middr ul {
            width:1000%;
            position:absolute;
            }
            #middr li {
            float:left;
            }
            #middr .z {
            width:30px;
            height:30px;
            transform:rotate(180deg);
            background-color:#4abdd6;
            position:absolute;
            top:115px;
            opacity:0.8;
            cursor:pointer;
            }
            #middr .z img {
            width:30px;
            height:30px;
            }
            #middr .y {
            width:30px;
            height:30px;
            background-color:#4abdd6;
            position:absolute;
            right:0px;
            top:115px;
            opacity:0.8;
            cursor:pointer;
            }
            #middr .y img {
            width:30px;
            height:30px;
            }
                    ol {
        list-style:none;
        }
        #middr  .crent {
          position:absolute;
          top:235px;
          left:200px;
        }
        .crent li {
        float:left;
        width:13px;
        height:13px;
        background-color:white;
        border-radius:100%;
        margin-left:15px;
        border:1px solid #ccc;
        }
            .crent .cent {
            background-color:red;
            }
        /*玩家动态模块*/
        #bottom {
        width:100%;
        height:auto;
        border-radius:10px;
        margin-top:10px;
        opacity:0.7;
        }
        #bottom .yemei {
        width:100%;
        height:40px;
        border:1px solid #ccc;
        border-radius:10px;
        background-color:white;
        position:relative;
        }
            #bottom .dt_item {
            width:40px;
            height:40px;
            position:absolute;
            left:60px;
            bottom:0px;
            }
        .dt_item .i {
        width:40px;
        height:40px;
        border-radius:100%;
        }
        .yemei span {
        font-size:12px;
        }
        .yemei .fabu {
        width:10px;
        height:10px;
        position:absolute;
        top:15px;
        left:585px;
        }
        .yemei .fbu {
        width:65px;
        height:23px;
        background-color:#ffca28;
        outline:none;
        border:1px solid orange;
        border-radius:20px;
        cursor:pointer;
        margin-left:520px;
        margin-top:8px;
        padding-left:18px;
        }
      
        /*下载模块*/
        #btn {
        width:100%;
        height:45px;
        background-color:white;
        position:fixed;
        top:458px;
        border:1px solid #ccc;
        }
            #btn .xiazai {
            width:200px;
            height:45px;
            background-color:#4abdd6;
            border:none;
            outline:none;
            margin-left:680px;
            color:white;
            font-size:17px;
            cursor:pointer;
            }
            /*<%--右边小模块第二个--%>*/
        #right-true {
        width:210px;
        }


        .bigdiv_txt {
            width:100%;
            height:auto;
            margin-top:10px;
            margin-left:100px;
         }
            .bigdiv_txt .big {
            width:400px;
            height:auto;
            position:relative;
            }
        .sp1 {
        margin:30px 0px;
        background-color:white;
        border-radius:5px;
        box-shadow:darkgrey 0px 0px 2px 1px;
        }
        .zs img{
        position:fixed;
        top:43px;
        width:100px;
        height:100px;
        }
        .sp1 .yh_tx {
        width:35px;
        height:35px;
        border-radius:100%;
        background-color:red;
        }
        .sp1 .hz {
        width:auto;
        height:auto;
        margin-left:30px;
        line-height:1.7;
        }
        .hz .sp_yhm {
        display:block;
        font-size:10px;
        position:absolute;
        top:15px;
        left:75px;
        }
        .hz .yh_sj {
        font-size:12px;
        color:#4c4949;
        display:block;
        margin-left:250px;
        }
        .hz .yh_tp {
        display:block;
        width:290px;
        height:150px;
        background-color:red;
        
        }
        .hz .yh_dianzan {
        cursor:pointer;
        position:absolute;
        left:240px;
        bottom:3px;
        }
        .hz .yh_dianzan img{
        display:block;
        width:15px;
        height:15px
        }
       
        /*启动按钮*/
            .bt{
        cursor: pointer
    }
    .loadBox{
        width: 200px;
        height: 30px;
        padding: 12px;
    }
    .loadText{
        width:70px;
        height: 20px;
        display: inline-block
    }
    .sum{
        width:400px;
        height:15px;
        border:1px solid #ccc;
        border-radius: 10px;
        line-height:15px;
        margin-top:8px;
    }
    .loadBar{
        display: block;
        width:400px;
        height: 12px;
        border-radius: 10px;
        margin-top:3px;
        margin-top:2px;
        float:left;
        display: inline-block
    }
        .sp {
        width:600px;
        height:100px;
        position:absolute;
        top:10px;
        left:260px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="shouye" runat="server">

    <div class="big_item">
        <div id="Max">
        <div id="top">
            <asp:Repeater ID="rpt_gmdesc" runat="server">
                <ItemTemplate>
                    <img src='<%#"../Player图片/游戏图片/"+Eval("Gm_Image") %>' class="fclogo"/>
                    <span ><%#Eval("Gm_Name") %></span>
                </ItemTemplate>
            </asp:Repeater>
            <div class="d_item">
                <img src="../Player图片/背景图/首页装饰图/游戏动态图/动态图片(2).gif" />
            </div>
        </div>
            
        <%--轮播图模块--%>
        <div id="middr">
            <ul>
                <li><a href="#">
                     <img src="../Player图片/游戏图片/首页左边游戏轮播图/圣道传奇.jpg" /> </a></li>
                <li><a href="#">
                    <img src="../Player图片/游戏图片/首页左边游戏轮播图/仙侠.jpg" /></a></li>
                <li><a href="#">
                    <img src="../Player图片/游戏图片/首页左边游戏轮播图/仙境传说.jpg" /></a></li>
                <li><a href="#">
                    <img src="../Player图片/游戏图片/首页左边游戏轮播图/诛仙3.jpg" /></a></li>
            </ul>
            <div class="z"><img src="../Player图片/图标/首页图标/轮播图按钮/zuoyou (1).svg" /></div>
            <div class="y"><img src="../Player图片/图标/首页图标/轮播图按钮/zuoyou (1).svg" /></div>

            <ol class="crent">

            </ol>
        </div>
        <%--玩家动态模块--%>
        <div id="bottom">
            <div class="yemei">
                <span>玩家动态</span>
                <div class="dt_item">
                    <img src="../Player图片/背景图/首页装饰图/游戏动态图/动态图片(1).gif" class="i" />
                </div>
                <img src="../Player图片/图标/首页图标/头部图标/fabu(1).svg" class="fabu"/>
                <asp:Button ID="Button1" Text="发布" runat="server" class="fbu"/>
            </div>
            <div class="bigdiv_txt">
               <asp:DataList ID="DataList1" runat="server" Height="50px" OnSelectedIndexChanged="DataList1_SelectedIndexChanged">
                   <ItemTemplate>
                       <div class="big">
                       <div class="sp1">
                           <div class="hz">
                               <%--用户的头像--%>
                                <div class="yh_tx"></div>
                               <%--用户的名称--%>
                                <span class="sp_yhm">用户名称</span>
                               <%--游戏名称--%>
                                <span>游戏名称：<%#Eval("Cm_Title") %></span><br /><%--用户发布自己的评论--%><span>用户评论：<%#Eval("Cm_Desc") %></span><br /><%--用户发表的图片--%><span class="yh_tp"></span><%--用户点赞--%><span class="yh_dianzan"><img src="../Player图片/图标/首页图标/用户点赞图标/dianzan(灰色).svg" /></span><%--用户发表的时间--%><span class="yh_sj"><%#Eval("Cm_Date") %></span></div>
                           </div>
                       </div>
                   </ItemTemplate>
               </asp:DataList>
            </div>


        </div>
        <%--右边小模块第二个--%>
        <div id="right-true">

        </div>
    </div>
    <%--下载模块--%>
      <div id="btn" >
 <%--       <asp:Button   ID="Button2" Text="启动游戏" runat="server"  />--%>
          <input onclick="load()" type="button"  name="name" value="启动游戏" class="xiazai bt" />
      </div>
      <div class="sp">
             <div class="loadBox">
             <span class="loadText">加载中...</span>
             <div class="sum">
            <span class="loadBar"></span>
          </div>
         </div>
        </div>

    </div>
    <script src="../jquery-3.4.1.js"></script>
    <script src="too.master_jquery/首页热门轮播图/animate.js"></script>
    <script src="SYgame1轮播图/SYgame.js"></script>
    <script src="too.master_jquery/游戏启动进度条/SYgame1.js"></script>
</asp:Content>
